import { useModel } from '@umijs/max';

const BaseInfo = () => {
  const { initialState } = useModel('@@initialState');

  return (
    <div className="bg-white h-full p-6 flex flex-col gap-3">
      <div className="flex items-center gap-3">
        <div>手机号码：</div>
        <div className="w-[10%]">{initialState?.currentUser.mobile}</div>
        {/* <Button>修改手机号码</Button> */}
      </div>
      <div className="flex items-center gap-3">
        <div>商户名称：</div>
        <div className="w-[10%]">{initialState?.currentUser.name}</div>
        {/* <Button>填写/修改</Button> */}
      </div>
      <div className="flex items-center gap-3">
        <div>行业属性：</div>
        <div className="w-[10%]">{initialState?.currentUser.industry}</div>
        {/* <Button>填写/修改</Button> */}
      </div>
      <div className="flex items-center gap-3">
        <div>注册时间：</div>
        <div>{initialState?.currentUser.createTime}</div>
      </div>
    </div>
  );
};

export default BaseInfo;
